// margin right
.MR-1 {
  margin-right: 1px;
}

.MR-2 {
  margin-right: 2px;
}

.MR-3 {
  margin-right: 3px;
}

.MR-4 {
  margin-right: 4px;
}

.MR-5 {
  margin-right: 5px;
}

.MR-10 {
  margin-right: 10px;
}

.MR-15 {
  margin-right: 15px;
}

.MR-20 {
  margin-right: 20px;
}
// margin left
.ML-1 {
  margin-left: 1px;
}

.ML-2 {
  margin-left: 2px;
}

.ML-3 {
  margin-left: 3px;
}

.ML-4 {
  margin-left: 4px;
}

.ML-5 {
  margin-left: 5px;
}

.ML-10 {
  margin-left: 10px;
}

.ML-15 {
  margin-left: 15px;
}

.ML-20 {
  margin-left: 20px;
}
// margin bottom
.MB-1 {
  margin-bottom: 1px;
}

.MB-2 {
  margin-bottom: 2px;
}

.MB-3 {
  margin-bottom: 3px;
}

.MB-4 {
  margin-bottom: 4px;
}

.MB-5 {
  margin-bottom: 5px;
}

.MB-10 {
  margin-bottom: 10px;
}

.MB-15 {
  margin-bottom: 15px;
}

.MB-20 {
  margin-bottom: 20px;
}
// margin top
.MT-1 {
  margin-top: 1px;
}

.MT-2 {
  margin-top: 2px;
}

.MT-3 {
  margin-top: 3px;
}

.MT-4 {
  margin-top: 4px;
}

.MT-5 {
  margin-top: 5px;
}

.MT-10 {
  margin-top: 10px;
}

.MT-15 {
  margin-top: 15px;
}

.MT-20 {
  margin-top: 20px;
}
// padding
.PD-15 {
  padding: 30rpx;
}

.PD-LR-20 {
  padding: 0 20rpx;
}

.PR-5 {
  padding-right: 10rpx;
}

.PR-10 {
  padding-right: 20rpx;
}

.PR-15 {
  padding-right: 30rpx;
}

.PR-20 {
  padding-left: 40rpx;
}

.PL-5 {
  padding-left: 10rpx;
}

.PL-10 {
  padding-left: 20rpx;
}

.PL-15 {
  padding-left: 30rpx;
}

.PL-20 {
  padding-left: 40rpx;
}

.PB-5 {
  padding-bottom: 10rpx;
}

.PB-10 {
  padding-bottom: 20rpx;
}

.PB-15 {
  padding-bottom: 30rpx;
}

.PB-20 {
  padding-bottom: 40rpx;
}

.PT-5 {
  padding-top: 10rpx;
}

.PT-10 {
  padding-top: 20rpx;
}

.PT-15 {
  padding-top: 30rpx;
}

.PT-20 {
  padding-top: 40rpx;
}
// border
.border {
  border-color: #E5E5E5;
  border-style: solid;
}

.border-T {
  border-top: 1rpx solid #E5E5E5;
}

.border-R {
  border-right: 1rpx solid #E5E5E5;
}

.border-B {
  border-bottom: 1rpx solid #E5E5E5;
}

.border-L {
  border-left: 1rpx solid #E5E5E5;
}
